@import '../../../../var';
page {
    background-color: #000000;
}

.photos {
    display: flex;
    justify-content: space-between;
    padding: 30rpx;
    background-color: #000000;
}

.list {
    width: 330rpx;
    .list-item {
        margin-bottom: 30rpx;
        overflow: hidden;
        background-color: #262626;
        border-radius: 12rpx;
        .item-content {
            .img {
                position: relative;
                .avatar {
                    width: 100%;
                }
                .icon {
                    position: absolute;
                    bottom: 10rpx;
                    left: 0;
                    width: 79rpx;
                    height: 79rpx;
                    opacity: 0.4;
                }
            }
            .from {
                width: 100%;
                height: 20rpx;
                margin-top: 10rpx;
                padding: 0 20rpx 0;
                color: $info-color;
                font-size: 20rpx;
                line-height: 20rpx;
                span {
                    color: $primary-color;
                }
            }
            .title {
                width: 100%;
                margin-top: 20rpx;
                padding: 0 20rpx 0;
                color: #ffffff;
                font-size: 26rpx;
                line-height: 35rpx;
            }
            .footer {
                display: flex;
                align-items: center;
                justify-content: space-between;
                padding: 20rpx;
                .user {
                    display: flex;
                    align-items: center;
                    width: 60%;
                    .image {
                        width: 36rpx;
                        height: 36rpx;
                        margin-right: 10rpx;
                        border-radius: 50%;
                    }
                    .name {
                        flex: 1;
                        color: $info-color;
                    }
                }
                .like {
                    display: flex;
                    align-items: center;
                    image {
                        width: 26rpx;
                        height: 26rpx;
                        margin-right: 10rpx;
                    }
                    .name {
                        flex: 1;
                        color: $info-color;
                    }
                    .liked {
                        flex: 1;
                        color: #F44336;
                    }
                }
            }
        }
    }
}
